<html><head>
<title>Whizzywig editor</title>
<script type="text/javascript" src="./whizzywig/whizzywig.js"></script>

<script type="text/javascript">
    //CONFIGURE
    cssFile="./whizzywig/simple.css";
    buttonPath="./whizzywig/btn/";
    var myButtons="fontsize bold italic underline | color hilite | bullet number link";
    //END CONFIG

    // For resize explorer
    function findTop(id) { 
      obj = o(id); 
      var top = 0;
      if (obj.offsetParent) top = obj.offsetTop;
      while (obj = obj.offsetParent) top += obj.offsetTop; 
      return top;
    }
    function reHeight(){
        // Resize Text Area follow the explorer
        var watop = findTop('whizzyWig');
        var wh = document.body.clientHeight - watop - 5; 
        o('whizzyWig').style.height=wh+'px';
    }
</script>
<style>html, body {height:100%;width:100%;padding:0;margin:0;border:0}</style>
</head>
<body onresize="reHeight();">
    <div id="sink" style="width:400px; height:150px; overflow:auto;">
    </div>
    <textarea id="whizzy" rows="10" cols="10" style="width:400px; height:150px; left:500px">
    </textarea>
    <script type="text/javascript">
        makeWhizzyWig("whizzy",myButtons);
        var divObj       = null;
        var timeHTML     = null;
        divObj = document.getElementById('sink')
        setTextHTML('');
    </script>
</body>
</html>
